<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">

		<title>Dropify</title>
		<link rel="stylesheet" href="/static/vendor/dropify/css/dropify.min.css"/>
	</head>

	<body>
	<h2>Dropify</h2>
	<input type="file" id="adImg1" name="adImg"
		   data-default-file="/commons/imgView.do?type=ad&fileName=20170612065605_048132716.png"
		   class="dropify-fr"
		   data-max-file-size="1M"/>
	</body>
	<input type="file" id="adImg2" name="adImg"
		   data-default-file="//github.com/JeremyFagis/dropify/raw/master/src/images/cover.jpg"
		   class="dropify-fr"
		   data-max-file-size="1M"/>
	</body>

	<script type="text/javascript" src="/static/js/jquery.min.js"></script>
	<script src="/static/js/jquery.ajaxupload.js"></script>
	<script src="/static/js/jquery.serializeJSON.js"></script>
	<script src="/static/vendor/dropify/js/dropify.js"></script>
	<script>
        $(function () {

            $('#adImg1,#adImg2').dropify();
			var dh = Math.floor(($(document).height() - 40) / 2);
			$('.dropify-wrapper').css('height', dh);


        });

	</script>
</html>